<template>
	<n-card hoverable size="small">
		<n-ellipsis style="max-width: 150px">
			{{ processOperationName + "/" + description }}
		</n-ellipsis>
	</n-card>
</template>
<script setup lang="ts">
import { inject, onMounted, ref } from "vue";

const getNode = inject("getNode");
const processOperationName = ref("");
const description = ref("");

onMounted(() => {
	// eslint-disable-next-line @typescript-eslint/ban-ts-comment
	// @ts-ignore
	const node = getNode();
	processOperationName.value = node.data.processOperationName;
	description.value = node.data.description;
});
</script>
<style scoped></style>
